import { request } from "../../request/index.js"

Page({

  data: {
    // 左侧菜单列表
    leftMenuList: [],
    // 右侧商品列表
    rightContent: [],
    // 被选中的左侧菜单
    currentIndex: 0,
    // 右侧内容的滚动条距离顶部的距离
    scrollTop: 0
  },

  // 接口的返回数据
  Cates: [],

  onLoad: function (options) {
    // this.getCates();
    // 获取本地数据
    const Cates = wx.getStorageSync("cates");
    if (!Cates) {
      // 不存在 发送请求数据
      this.getCates();
    } else {
      // 存在数据
      if (Date.now() - Cates.time > 1000 * 60) {
        this.getCates();
      } else {
        this.Cates = Cates.data;
        let leftMenuList = this.Cates.map(v => v.cat_name);
        let rightContent = this.Cates[0].children;
        this.setData({
          leftMenuList,
          rightContent
        })
      }
    }
  },

  // 获取分类数据
  getCates() {
    request({
      url: "/categories"
    })
      .then(res => {
        this.Cates = res.data.message;

        // 把接口的数据存入本地储存中
        wx.setStorageSync("cates", { time: Date.now(), data: this.Cates })

        // 构造左侧菜单数据
        let leftMenuList = this.Cates.map(v => v.cat_name);

        // 构造右侧商品数据
        let rightContent = this.Cates[0].children;
        this.setData({
          leftMenuList,
          rightContent
        })
      })
  },

  // 左侧菜单的点击事件
  handleItemTap(e) {
    // 获取被点击的标题的索引
    const { index } = e.currentTarget.dataset;

    let rightContent = this.Cates[index].children;
    // 重新设置右侧内容的滚动条距离顶部的距离
    this.setData({
      currentIndex: index,
      rightContent,
      scrollTop: 0
    })


  }
})